<template>
    <div class="download-box">
        <div class="logo">
            <img src="../assets/img/logo.png" alt="">
        </div>
        <dl>
            <dt>有度</dt>
            <dd>一站式金融服务平台</dd>
        </dl>
        <span @click="nav_appDownload">下载APP</span>
        <!-- <a href="">
            <i class="iconfont icon-cha"></i>
        </a> -->
    </div>
</template>

<script>
export default {
    methods:{
        nav_appDownload: function(){
            this.$router.push({ path: '/appDownload' })
        }
    }
}
</script>

<style lang='scss'>
    .download-box{
        height: 1.2rem;
        width: 100%;
        background-color: #25242B;
        display: flex;
        color: #fff;
        align-items: center;
        justify-content: space-between;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1997;
        .logo{
            @include newC;
            height: .85rem;
            width: .85rem;
            border-radius: 7px;
            margin-right: .3rem;
            margin-left: .3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            img{
                width: 60%;
            }
        }
        dl{
            flex: 3;
            dt{
                font-size: .32rem;
            }
            dd{
                font-size: .24rem;
            }
        }
        span{
            @include newC;
            height: .45rem;
            display: flex;
            align-items: center;
            padding: 0 .1rem;
            border-radius: 7px;
            margin-right: .3rem;
            font-size: .22rem;
        }
        a{
            margin-right: 1em;
            color: #fff;
            margin-left: 1em;
            i{
                font-size: 1.2em;
            }
        }
    }
</style>